<template>
  <div id="app">
    <router-view/>
  </div>
</template>

<style lang="scss">


body,html {
  margin: 0;
}

* {
  margin: 0;
  padding: 0;
}

a {
  text-decoration: none;
}

svg {
  color: white;
  width: 1em;
  height: 1em;
}

.regular-link {
  &:hover {
    color: #00c241 !important;
    text-decoration: none;
  }
}

.fade-enter-active, .fade-leave-active {
  transition: opacity .35s;
}

.fade-enter-active {
  transition-delay: .5s;
}

.fade-enter, .fade-leave-active {
  opacity: 0;
}

.pan-enter-active, .pan-leave-active {
  transition: transform .35s;
}

.pan-enter-active {
  transition-delay: ease-in-out .5s;
}

.pan-enter, .pan-leave-active {
  transform: translateX(100%);
}

.line {
  // height: 1px;
  border-bottom: 1px solid rgb(179, 179, 179);
}

.line-dot {
  // height: 1px;
  border-bottom: 1px dotted rgb(0, 0, 0);
}


</style>
